import '../css/reset.css'
import '../css/index.css';
import {config} from 'api/api.js'
require("jquery");
//开发环境配置在config文件夹下webpack.config.dev.js文件，其中配置了服务器代理（解决调试接口时的跨域问题）
//开发环境时webpack会打开一个本地服务器http://localhost:8080（这个服务器是用来监测js、HTML、CSS并自动刷新网页）
//调试接口时，本地会再开启一个java服务器或者php服务器，调试接口就会存在跨域问题
//配置服务器代理之后转到的地址可以自行设置，此处我设置的是测试服务器http://order.aichongyue.com（这是测试服的服务器，当然也可以设置本地的java服务器或者php服务器）
//开发环境下原来请求的接口路径是http://localhost:8080/apis/fuwii/center/cardOperator
//开发环境下使用服务器代理之后接口路径转到了http://order.aichongyue.com/fuwii/center/cardOperator

//生产环境配置在config文件夹下webpack.config.prod.js文件
//生产环境下(也就是打包之后)，生产环境配置在config文件夹下webpack.config.prod.js文件
//生产环境下(也就是打包之后)请求的接口路径是/center/cardOperator"
$.ajax({
	type:"post",
	url:config.url.card,
    data:{
    	orderSource:1
    },
    success:function(r){
    	console.log(r);
    	if(r.success){
    		var imgurl = r.data.operatorList[0].activateImgUrl;
    		console.log(imgurl);//从后台获取到的图片路径 /upload/image/cc652fc679d845ef9af9319f2d7f9f6b.jpg
    		//开发环境下config.url.imgPath等于'http://localhost:8080/apis'
    		//开发环境下的图片路径原来是 http://localhost:8080/apis/upload/image/cc652fc679d845ef9af9319f2d7f9f6b.jpg
    		//开发环境下使用服务器代理之后图片路径转到了http://order.aichongyue.com/upload/image/cc652fc679d845ef9af9319f2d7f9f6b.jpg(测试服务器的上的正确图片路径)
    		
    		//生产环境下(也就是打包之后)config.url.imgPath等于''
    		//生产环境下(也就是打包之后)的图片路径是/upload/image/cc652fc679d845ef9af9319f2d7f9f6b.jpg
    		$("div").html(`<img src="${config.url.imgPath}${imgurl}"/>`);
    	}
    }
});


